import React, { Component } from 'react';
import TransitionDemo from '@/components/charp2/Animate/Transitions';
import CssDemo from '@/components/charp2/Animate/CssDemo';
import GroupDemo from '@/components/charp2/Animate/GroupDemo';
import List from '@/components/charp2/Animate/List';

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      show: false
    };
  }
  // 点击
  fnClick = () => {
    this.setState({show: !this.state.show});
  }
  render() { 
    return (
      <div>
        <h2>App</h2>
        <button onClick={this.fnClick}>fade/hide</button>
        <TransitionDemo show={this.state.show}></TransitionDemo>
        <CssDemo></CssDemo>
        <hr/>
        {/* <GroupDemo></GroupDemo> */}
        <hr/>
        <List></List>
      </div>
    );
  }
}
 
export default App;

